<!DOCTYPE html>

<meta charset="utf-8">
<head>
     <#include "../../common/base.ftl"/>
</head>
<body class="gray-bg" id="test">
    <div class="wrapper wrapper-content">
        <div class="col-sm-12">
            <div class="row">
                <div class="col-sm-3">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5><i class="fa fa-creative-commons"> </i> 未审核</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link"><i class="fa fa-chevron-up"></i>
                                </a>
                                <a class="close-link"><i class="fa fa-times"></i></a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div style="height: 20px"></div>
                            <div style="height: 30px; text-align: center"><a class="J_menuItem" onclick="page('/sys/app/list','审核')" data-index="0"><font size="16px">${server.applyNum}</font></a>个</div>
                            <div style="height: 30px"></div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5><i class="fa fa-pie-chart"> </i> 未打印执行单</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                <a class="close-link"><i class="fa fa-times"></i></a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div style="height: 20px"></div>
                            <div style="height: 30px; text-align: center"><a class="J_menuItem" onclick="page('/sys/send/list','执行单打印')" data-index="0"><font size="16px">${server.printNum}</font></a>个</div>
                            <div style="height: 30px"></div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5><i class="fa fa-creative-commons"> </i> 未完成自提通知</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link"><i class="fa fa-chevron-up"></i>
                                </a>
                                <a class="close-link"><i class="fa fa-times"></i></a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div style="height: 20px"></div>
                            <div style="height: 30px; text-align: center"><a class="J_menuItem" onclick="page('/sys/pickup/list','预约自提通知')" data-index="0"><font size="16px">${server.noticeNum}</font></a>个</div>
                            <div style="height: 30px"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-3">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5><i class="fa fa-pie-chart"> </i> 未完成自提确认</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                <a class="close-link"><i class="fa fa-times"></i></a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div style="height: 20px"></div>
                            <div style="height: 30px; text-align: center"><a class="J_menuItem" onclick="page('/sys/finish/list','业务完成')" data-index="0"><font size="16px">${server.pickCheckNum}</font></a>个</div>
                            <div style="height: 30px"></div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5><i class="fa fa-pie-chart"> </i> 未完成邮寄回填</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                <a class="close-link"><i class="fa fa-times"></i></a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div style="height: 20px"></div>
                            <div style="height: 30px; text-align: center"><a class="J_menuItem" onclick="page('/sys/finish/list','业务完成')" data-index="0"><font size="16px">${server.sendNum}</font></a>个</div>
                            <div style="height: 30px"></div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5><i class="fa fa-pie-chart"> </i> 未完成业务</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                <a class="close-link"><i class="fa fa-times"></i></a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div style="height: 20px"></div>
                            <div style="height: 30px; text-align: center"><a class="J_menuItem" onclick="" data-index="0"><font size="16px">${server.finishNum}</font></a>个</div>
                            <div style="height: 30px"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script>
    $(".modal").appendTo("body"), $("[data-toggle=popover]").popover(), $(".collapse-link").click(function() {
        var div_ibox = $(this).closest("div.ibox"),
        e = $(this).find("i"),
        i = div_ibox.find("div.ibox-content");
        i.slideToggle(200),
        e.toggleClass("fa-chevron-up").toggleClass("fa-chevron-down"),
        div_ibox.toggleClass("").toggleClass("border-bottom"),
        setTimeout(function() {
        	div_ibox.resize();
        }, 50);
    }), $(".close-link").click(function () {
		var div_ibox = $(this).closest("div.ibox");
		div_ibox.remove()
	});

    function page(url, title) {
        var nav = $(window.parent.document).find('.J_menuTabs .page-tabs-content ');
        $(window.parent.document).find('.J_menuTabs .page-tabs-content ').find(".J_menuTab.active").removeClass("active");
        $(window.parent.document).find('.J_mainContent').find("iframe").css("display", "none");
        var iframe = '<iframe class="J_iframe" name="iframe10000" width="100%" height="100%" src="' + url + '" frameborder="0" data-id="' + url
            + '" seamless="" style="display: inline;"></iframe>';
        var dataIdF=$(window.parent.document).find('.J_mainContent').find('iframe[data-id="'+url+'"]');
        var dataIdA=$(window.parent.document).find('.J_menuTabs .page-tabs-content ').find('a[data-id="'+url+'"]');
        //$(dataIdF).remove();

        if(dataIdA.length>0 && dataIdF.length>0 ){
            $(window.parent.document).find('.J_menuTabs .page-tabs-content ').find('a').removeClass("active");
            $(dataIdA).addClass("active");
            $(dataIdF).remove();
        }else{
            $(window.parent.document).find('.J_menuTabs .page-tabs-content ').append(
                ' <a href="javascript:;" class="J_menuTab active" data-id="'+url+'">' + title + ' <i class="fa fa-times-circle"></i></a>');
        }
        $(window.parent.document).find('.J_mainContent').append(iframe);

    }
</script>
</html>
